.ddui-drawer {
  /*模态框背景*/
  .backdrop {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 22;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
  }

  /*抽屉栏*/
  .drawer {
    -webkit-animation: arise 0.3s 1 ease;
    -webkit-transform: translate3d(0, 0, 0);
    position: fixed;
    width: 100%;
    overflow-y: scroll;
    display: block;
    z-index: 23;
    bottom: 0;
    max-height: 300px;
    background-color: #fff;
  }

  @-webkit-keyframes fall {
    0% {
      bottom: 0;
    }
    100% {
      bottom: -100%;
    }
  }

  @-webkit-keyframes arise {
    0% {
      bottom: -100%;
    }
    100% {
      bottom: 0;
    }
  }
}
